html,
body {
  width: 100vw;
  height: 100%;
}

#app {
  width: 100%;
  height: 100%;
}

.j-title {
  background-color: transparent !important;
  font-size: 16px !important;
  font-weight: 300 !important;
  color: black !important;
}
.bg-color-transparent {
  background-color: transparent !important;
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
}

.tran-enter-active,
.tran-leave-active {
  transition: all 0.5s;
}
.tran-enter, .tran-leave-to /* .fade-leave-active below version 2.1.8 */ {
  transform: translateX(50%);
  opacity: 0;
}
/*通过fixed固定mescroll的高度*/
.mescroll {
  position: fixed;
  top: 45px;
  bottom: 0;
  height: auto;
  left: 50%;
  transform: translateX(-50%);
}

.box-shadow-inset {
  box-shadow: 2px 2px 8px rgba(255, 255, 255, 0.5) inset;
}

@property --underline-width {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 0%;
}

.star_underline {
  background-image: linear-gradient(to left, #1890ff var(--underline-width), transparent var(--underline-width));
  background-repeat: no-repeat;
  background-size: 100% 2px;
  background-position: bottom;
  transition: --underline-width 0.6s linear;
}

.star_underline.underline_active {
  --underline-width: 100%;
  background-image: linear-gradient(to right, #1890ff var(--underline-width), transparent var(--underline-width));
}

/* Firefox 滚动条样式修改 */
* {
  /* scrollbar-width: thin; */
  scrollbar-color: rgb(var(--v-theme-primary)) transparent;
}

*::-webkit-scrollbar {
  width: 0px;
  width: 0px;
}
*::-webkit-scrollbar-track {
  border-radius: 0px;
  background-color: transparent;
}

*::-webkit-scrollbar-track:hover {
  background-color: transparent;
}

*::-webkit-scrollbar-track:active {
  background-color: transparent;
}

*::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgb(var(--v-theme-primary));
}

*::-webkit-scrollbar-thumb:hover {
  background-color: rgb(var(--v-theme-accent));
}

*::-webkit-scrollbar-thumb:active {
  background-color: rgb(var(--v-theme-primary));
}
html,
body {
  scrollbar-color: unset;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
  display: none !important;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar-thumb {
  display: none !important;
}
